$(document).ready(function () {

	GetRequest();

	$('.menubtn').click(function () {
		$('.sidebar').fadeIn();
		autohide_sidebar();

	});

	$('.avatar').click(function () {
		$('#member-menu').fadeIn(100);
		autohide_membermenu();
	});

	$('#member-menu li a').click(function () {
		$('#member-menu').fadeOut(300);
	});

	$(".sidebar ul li").click(function () {
		$(".sidebar ul li").removeClass("selected");
		$(this).addClass("selected");
	})

	// $(".sidebar ul li a").click(function () {
	// 	loadFrame($(this).attr('href').replace("#", ""));
	// })

	// $("a").click(function () {
	// 	loadFrame($(this).attr('href').replace("#", ""));
	// })

	$("#main-frame").change(function () {
		$('#append_parent').show();
	});

	$("#main-frame").load(function () {
		$('#append_parent').hide();
	});

});

function GetRequest() {
	var str = location.href
	var num = str.indexOf("#");
	str = str.substr(num + 1);
	if (num !== -1) {
		$(".sidebar ul li").removeClass("selected");
		$('.sidebar ul li a').each(function (index) {

			if ($(this).attr('href').replace("#", "") == str) {

				$(this).closest("li").addClass("selected");

			}
		});
		loadFrame(str);
	}
}

function autohide_membermenu() {
	if ($("#member-menu:hover").length > 0) return setTimeout(autohide_membermenu, 500);
	if ($(".avatar:hover").length > 0) return setTimeout(autohide_membermenu, 500);
	$('#member-menu').fadeOut(300);
}

function autohide_sidebar() {
	if ($(".sidebar:hover").length > 0) return setTimeout(autohide_sidebar, 500);
	if ($(".menubtn:hover").length > 0) return setTimeout(autohide_sidebar, 500);
	$('.sidebar').fadeOut();
}


function loadFrame(URL) {
	// $(this).attr("href",URL);
	$("#main-frame").attr("src", URL);

}

function loadSrc(URL){
	var stateObject = {};
	var title = "";
	history.pushState(stateObject,title,URL);
	loadFrame(URL.replace("#", ""));
}